<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>成绩查看</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link type="text/css" rel="stylesheet" href="__PUBLIC__/mobile/css/style.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/sty.css"/>
		<link href="__PUBLIC__/mobile/css/mui.min.css" rel="stylesheet"/>
      	<link href="__PUBLIC__/mobile/css/sty.css" rel="stylesheet"/> 
		<style type="text/css">
			table.gridtable {
				font-family: verdana,arial,sans-serif;
				font-size:11px;
				color:#333333;
				border-width: 1px;
				border-color: #666666;
				border-collapse: collapse;
			}
			table.gridtable th {
				border-width: 1px;
				padding: 8px;
				border-style: solid;
				border-color: #666666;
				background-color: #dedede;
			}
			table.gridtable td {
				border-width: 1px;
				padding: 8px;
				border-style: solid;
				border-color: #666666;
				background-color: #ffffff;
				text-align: center;
			}
		</style>
	</head>
	<body id="body" style="background-color: #fff;">
		<header class="mui-bar mui-bar-nav">
	        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	        <h1 class="mui-title">成绩查看</h1>
        </header>
        <div class="mui-content">
	        <div class="xChoseTime">
				<select class="xSeleTime" name="ktime" id="ttt">
					<foreach name="notes" item="notes">
						<option value="<{$notes['id']}>"><{$notes['table_name']}></option>
					</foreach>
				</select>
				<select class="xSeleMon" onchange="xuanZe(this.value)" name="time" id="time">
					<option value="">请选择时间</option>
					<option value="1">季度</option>
					<option value="2">月份</option>
				</select>
				<!-- 按季度查看 开始 -->
				<select name="quarter" id="quarter" class="x-jidu" style="display: none;">
					<option value="">请选择季度</option>
					<option value="1">第一季度</option>
					<option value="2">第二季度</option>
					<option value="3">第三季度</option>
					<option value="4">第四季度</option>
				</select>
				<!-- 按季度查看 结束 -->
				<!-- 按月份查看 开始 -->
				<select name="month" id="month" class="x-month" style="display: none;">
					<option value="">请选择月份</option>
					<option value="01">1月</option>
					<option value="02">2月</option>
					<option value="03">3月</option>
					<option value="04">4月</option>
					<option value="05">5月</option>
					<option value="06">6月</option>
					<option value="07">7月</option>
					<option value="08">8月</option>
					<option value="09">9月</option>
					<option value="10">10月</option>
					<option value="11">11月</option>
					<option value="12">12月</option>
				</select>
				<!-- 按月份查看 结束 -->
				<script type="text/javascript">
					function xuanZe(a){
						if (a==1) {
							$(".x-jidu").css("display","inline-block");
							$(".x-month").css("display","none");
						}else if(a==2){
							$(".x-month").css("display","inline-block");
							$(".x-jidu").css("display","none");
						}
					}
				</script>
			</div>
        </div>
        <p class="xperMess" id="t1">
	        <span class="xmessFirst">姓名：</span><span class="xmessLast"><{:idtoname('worker_id','worker','worker_name',$worker_id)}></span>
	        <span class="xmessFirst">总分：</span><span class="xmessLast"><{$score['0']['sum']}></span>
	        <span class="xmessFirst">分档：</span><span class="xmessLast"><{$score['0']['dang']}></span>
        </p>
        <div class="card_div" id="t2">
			<span style="width: 50%;padding-left: 4%;text-align: left;">项目</span>
			<span style="width: 20%;text-align: center;">分数</span>
		</div>
		<div class="xtableCon" id="t3">
			<div class="line">
				<span class="xtableName">党建</span>
				<span class="xtableScore"><{$score['0']['public']}>分</span>
				<a href="<{:U('exam/mark',array('score_id'=>$score['0']['id'],'time'=>$score['0']['test_time'],'p_id'=>7))}>"><span class="mui-icon mui-icon-arrowright"></span></a>
			</div>
			<div class="line">
				<span class="xtableName">队伍建设</span>
				<span class="xtableScore"><{$score['0']['part']}>分</span>
				<a href="<{:U('exam/mark',array('score_id'=>$score['0']['id'],'time'=>$score['0']['test_time'],'p_id'=>8))}>"><span class="mui-icon mui-icon-arrowright"></span></a>
			</div>
			<div class="line">
				<span class="xtableName">宣传报道和舆情应对</span>
				<span class="xtableScore"><{$score['0']['price']}>分</span>
				<a href="<{:U('exam/mark',array('score_id'=>$score['0']['id'],'time'=>$score['0']['test_time'],'p_id'=>9))}>"><span class="mui-icon mui-icon-arrowright"></span></a>
			</div>
			<div class="line">
				<span class="xtableName">调研信息、典型案例</span>
				<span class="xtableScore"><{$score['0']['check']}>分</span>
				<a href="<{:U('exam/mark',array('score_id'=>$score['0']['id'],'time'=>$score['0']['test_time'],'p_id'=>10))}>"><span class="mui-icon mui-icon-arrowright"></span></a>
			</div>
			<div class="line">
				<span class="xtableName">工作业绩</span>
				<span class="xtableScore"><{$score['0']['work']}>分</span>
				<a href="<{:U('exam/gzyj',array('score_id'=>$score['0']['id'],'time'=>$score['0']['test_time'],'p_id'=>11))}>"><span class="mui-icon mui-icon-arrowright"></span></a>
			</div>
		</div>
		<div id="aaa"></div>
		<div id="bbb"></div>
		<!-- <div id="ccc"></div> -->
		<script src="__PUBLIC__/admin/js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="__PUBLIC__/mobile/js/mui.min.js"></script>
		<!-- 按年份查看js 开始 -->
		<script type="text/javascript">
		    function huangang(){
		    	var notes_id = $('#ttt').val();
		    	$.ajax({
		    		url: "<{:U('achievement/score_list')}>",		    		
		    		type: 'post',
		    		data: {id:notes_id},
		    		success:function(mes){
		    			// alert(mes);
		    			$('#t1').remove();
		    			$('#t2').remove();
		    			$('#t3').remove();
		    			$('#aaa').remove();
		            	$('#bbb').append(mes);
		    		}
		    	});
		    }
		    $('#ttt').change(function(){
				huangang();
			});
		</script>
		<!-- 按年份查看js 结束 -->

		<!-- 按月份查看js 开始 -->
		<script type="text/javascript">
		    function month(){
		    	var notes_id = $('#ttt').val();
		    	// alert(notes_id);
		    	var month = $('#month').val();
		    	// alert(month);
		    	$.ajax({
		    		url: "<{:U('achievement/score_list1')}>",
		    		type: 'post',
		    		data: {id:notes_id,month:month},
		    		success:function(mes){
		    			// alert(mes);
		    			$('#t1').remove();
		    			$('#t2').remove();
		    			$('#t3').remove();
		            	$('#aaa').remove();
		            	$('#bbb').append(mes);
		            	
		    		}
		    	});
		    }
		    $('#month').change(function(){
		    	month();
		    });
		</script>
		<!-- 按月份查看js 结束 -->
		<!-- 按季度查看js 开始 -->
		<script type="text/javascript">
		    function quarter(){
		    	var notes_id = $('#ttt').val();
		    	var quarter = $('#quarter').val();
		    	$.ajax({
		    		url: "<{:U('achievement/score_list2')}>",
		    		type: 'post',
		    		data: {id:notes_id,quarter:quarter},
		    		success:function(mes){
		    			// alert(mes);
		    			$('#t1').remove();
		    			$('#t2').remove();
		    			$('#t3').remove();
		            	$('#aaa').remove();
		            	$('#bbb').append(mes);
		    		}
		    	});
		    }
		    $('#quarter').change(function(){
		    	quarter();
		    });
		</script>
		<!-- 按季度查看js 结束 -->
	</body>
</html>	

				